        body {
            background-color: black;
        }
        /* merry christmas文字 */
        
        .header {
            height: 15rem;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        
        p {
            width: 100%;
            height: 15rem;
            text-align: center;
            line-height: 22rem;
            color: gold;
            font-size: 1.6rem;
            font-weight: 700;
            text-shadow: 5px 5px 5px #ccc;
            letter-spacing: 4px
        }
        /* 圣诞树 */
        
        .tree {
            display: none;
            position: relative;
            height: 20rem;
            background-color: black;
            display: flex;
            justify-content: center;
        }
        
        .tree .star {
            margin-top: .6rem;
        }
        /* 五角星的遮罩层 */
        
        .mask {
            position: absolute;
            width: 2.8rem;
            height: 2.8rem;
            background-color: rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            filter: blur(2px);
            z-index: 12;
        }
        /* 星星 */
        
        .starT {
            position: absolute;
            width: 1.6rem;
            left: 50%;
            top: 5%;
            transform: translateX(-50%);
        }
        
        .star1,
        .star2,
        .star3 {
            position: absolute;
            width: 0;
            height: 0;
            border-right: .8rem solid transparent;
            border-bottom: 0.56rem solid rgb(255, 209, 4);
            border-left: .8rem solid transparent;
            transform: rotate(35deg);
            z-index: 999;
        }
        
        .star2 {
            transform: rotate(-35deg);
        }
        
        .star3 {
            transform: rotate(-107deg);
        }
        
        .star div[class^="pluse"] {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            box-shadow: 0 0 .5rem rgba(243, 219, 47, .2);
            animation: pluse 0.6s ease infinite alternate;
        }
        /* .star div.pluse2 {
            animation-delay: 0.5s
        }
        
        .star div.pluse3 {
            animation-delay: 0.8s
        } */
        /* 灯光动画 */
        
        @keyframes pluse {
            0% {}
            70% {
                width: 1.5rem;
                height: 1.5rem;
                opacity: 1;
                background-color: rgba(243, 219, 47, .3);
                filter: blur(2px)
            }
            100% {
                width: 1.5rem;
                height: 1.5rem;
                opacity: 0;
                background-color: rgba(243, 219, 47, .3);
            }
        }
        /* 树叶 */
        
        .leafOne {
            width: 20rem;
            height: 23rem;
            margin-top: 1.65rem;
            padding-top: .7rem;
            display: flex;
            justify-content: center;
        }
        
        .leafOne .leaf {
            position: absolute;
            width: 3.5rem;
            height: 3.5rem;
            background-color: rgb(16, 155, 16);
            border-radius: 0px .7rem 2rem .7rem;
            box-shadow: 0 0 1rem rgb(73, 72, 72);
            transform: rotate(45deg);
            z-index: 11;
        }
        
        .leafOne .leaf:nth-child(odd) {
            background-color: #006F13;
        }
        /* .leafOne .leaf:nth-child(2) .leaf_edge {
            background-color: #006F13;
        }
        
        .leafOne .leaf:nth-child(2) .leaf_edgeRight {
            background-color: #006F13;
        } */
        
        .leafOne .leaf:nth-child(2) {
            position: absolute;
            top: 5rem;
            transform: rotate(45deg) scale(1.4);
            z-index: 9;
            background-color: #006F13;
        }
        
        .leafOne .leaf:nth-child(3) {
            position: absolute;
            top: 8rem;
            transform: rotate(45deg) scale(1.8);
            z-index: 8;
        }
        
        .leafOne .leaf:nth-child(4) {
            position: absolute;
            top: 10.5rem;
            transform: rotate(45deg) scale(2.2);
            z-index: 7;
        }
        
        .leafOne .leaf:nth-child(5) {
            position: absolute;
            top: 13rem;
            transform: rotate(45deg) scale(2.6);
            z-index: 6;
        }
        /* 树叶左组成 */
        
        .leaf_edge {
            position: absolute;
            width: 2rem;
            height: 4.5rem;
            background-color: rgb(16, 155, 16);
            border-radius: 0px .7rem 3rem .7rem;
            /* box-shadow: 0 0 .5rem #ccc; */
            z-index: 10;
        }
        /* 树叶右组成 */
        
        .leaf_edgeRight {
            position: absolute;
            left: 20px;
            top: -20px;
            width: 2rem;
            height: 4.5rem;
            background-color: rgb(16, 155, 16);
            border-radius: .7px 0rem .7rem 3rem;
            /* box-shadow: 0 0 .5rem #ccc; */
            transform: rotate(-90deg);
            z-index: 10;
        }
        /* 树根 */
        
        .leafOne .root {
            position: absolute;
            width: 2rem;
            height: 3rem;
            background-color: #5D381D;
            top: 18rem;
            border-radius: .2rem;
            background: linear-gradient(to bottom, #58361E 0%, rgb(110, 66, 30) 100%);
        }
        /* 红点点 */
        
        .dot,
        .dot1,
        .dot2,
        .dot3 {
            width: 1.2rem;
            height: 1.2rem;
            position: absolute;
            top: 5rem;
            left: 10rem;
            background-color: #f00;
            box-shadow: -1px -1px 6px inset #600, 1px 1px 8px inset #ffc9c9;
            border-radius: 50%;
            z-index: 100;
        }
        
        .dot1 {
            top: 4rem;
            left: 13rem;
        }
        
        .dot2 {
            top: 9rem;
            left: 12rem;
        }
        
        .dot3 {
            top: 13rem;
            left: 9rem;
        }
        /* 白球 */
        
        .bal,
        .bal1,
        .bal2,
        .bal3 {
            width: 1.2rem;
            height: 1.2rem;
            position: absolute;
            top: 3rem;
            left: 11.3rem;
            background-color: #fff;
            box-shadow: -1px -1px 6px inset #aaa, 1px 1px 8px inset #ccc;
            border-radius: 50%;
            z-index: 100;
        }
        
        .bal1 {
            top: 13rem;
            left: 14rem;
        }
        
        .bal2 {
            top: 11rem;
            left: 11rem;
        }
        
        .bal3 {
            top: 16rem;
            left: 9.5rem;
        }
        /* 黄球 */
        
        .d,
        .d1,
        .d2,
        .d3 {
            width: 1.2rem;
            height: 1.2rem;
            position: absolute;
            top: 16rem;
            left: 15rem;
            background-color: gold;
            box-shadow: -1px -1px 6px inset #aaa, 1px 1px 8px inset #ccc;
            border-radius: 50%;
            z-index: 100;
        }
        
        .d1 {
            top: 10rem;
            left: 9rem;
        }
        
        .d2 {
            top: 16rem;
            left: 9.5rem;
        }
        
        .d3 {
            top: 7rem;
            left: 13.5rem;
        }
        /* 小白点点 */
        
        .small {
            width: .7rem;
            height: .7rem;
            position: absolute;
            top: 14rem;
            left: 16.5rem;
            background-color: #fff;
            filter: blur(2px);
            border-radius: 50%;
            z-index: 100;
        }
        
        .small1 {
            width: 1rem;
            height: 1rem;
            position: absolute;
            top: 15rem;
            left: 8rem;
            background-color: #fff;
            filter: blur(2px);
            border-radius: 50%;
            z-index: 100;
        }
        
        .bl {
            position: absolute;
            top: 1.7rem;
            left: 12.5rem;
            z-index: 9999;
            transform: rotate(-45deg)
        }
        /* 丝带 */
        
        .sidai {
            position: absolute;
            top: 3rem;
            left: 5.2rem;
            z-index: 9999;
        }
        
        .sidai1 {
            position: absolute;
            top: 6.8rem;
            left: 4.7rem;
            z-index: 9999;
        }
        /* 闪光 */
        
        .spark i {
            position: absolute;
            top: 3rem;
            left: 6rem;
            animation: spark .1s linear infinite alternate;
            z-index: 1000
        }
        
        .spark i:nth-child(2) {
            top: 8.5rem;
            left: 9rem;
        }
        
        .spark i:nth-child(3) {
            top: 6rem;
            left: 17rem;
        }
        
        .spark i:nth-child(4) {
            top: 2.8rem;
            left: 5.8rem;
        }
        
        .spark i:nth-child(5) {
            top: 8rem;
            left: 18rem;
        }
        
        .spark i:nth-child(6) {
            top: 4rem;
            left: 18rem;
        }
        
        .spark i:nth-child(7) {
            top: 13rem;
            left: 15rem;
        }
        /* 闪光动画 */
        
        @keyframes spark {
            0% {}
            70% {
                transform: scale(1.2)
            }
            100% {
                transform: scale(1.2)
            }
        }